<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../../css/mui.min.css">
		<link rel="stylesheet" href="../static/css/common.css" />	
		<link rel="stylesheet" href="../static/css/terminalwork.css" />
		<style>
			/*.mui-content{
				background-color: #fff;     
			}*/
			/*九宫格样式*/
			*{ touch-action: pan-y; }
			.home_icon {
				width: 50%;
				border-radius: 5px;
			}
			.mui-icon {

			}	
			.operbtn{
				width:12vw;
				height:6vw;
				margin-left:1vw;
				box-sizing: border-box;
				border:1px solid #004A86;
				border-radius:5vw;
				text-align:center;
				line-height:6vw;
				font-size:3.5vw !important;
				color:#004a86 !important;
			}
			.sit-tab{
				display:flex;
				position:relative;
				height:5vh;
				border-bottom:1px solid #004a86;
				background:#fff;
			}
			.sit-tab-item{
				position: relative;
				width:25vw;
				text-align:center;
				line-height:5vh;
				font-size:4vw;
			}
			.sit-tab .sit-tab-line{
				position:absolute;
				left:0;
				bottom:0;
				width:25vw;
				height:3px;
				background:#004a86;
  				transition: left 0.5s;
			}
			.sit-tab-num{
				position:absolute;
				right:1.5vw;
				top:1vh; 
				width:3vw;
				height:3vw;
				border-radius:50%;
				background: #f00;
				font-size:3vw;
				color:#fff;
				text-align:center;
				line-height:6vw;
			}
			.neios-station-change{
				position:absolute;
				right:0;
				top:0;
				width:50%;
				display:flex;
			}
			.neios-station-name{
				width:70%;
				font-size:14px;
				line-height:44px;
				color:#fff;
				text-align:right;
				overflow:hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.neios-station-btn{
				width:30%;
				text-align:center;
				font-size:14px;
				color:#fff;
				line-height:44px;
				display:none;
			}
			.neios-station-dialog-box{
				display:none;
				position:fixed;
				z-index:999;
				top:0;
				bottom:0;
				right:0;
				left:0;
				background:rgba(0,0,0,0.2);
			}
			.neios-station-dialog{
				position:absolute;
				left:10%;
				top:20vh;
				width:80%;
				max-height:60vh;
				overflow:auto;
				background:#fff;
				border-radius:6px;
				padding:8px 0;
			}
			.neios-station-dialog-item{
				position:relative;
				margin:0 20px;
				padding:8px 8px 8px 30px;
				font-size:4vw;
				line-height:6vw;
			}
			.neios-station-dialog-item.on{
				color:#004a86;
			}
			.neios-station-dialog-item.on::before{
				position:absolute;
				left:0;
				top:50%;
				width:6px;
				height:6px;
				margin-top:-3px;
				border-radius:50%;
				background:#004a86;
				content:'';
			}
			.eitem-title{
				color: #275EB1;

				width: 55vw;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">技术管理</h1>
		</header>
		<div class="mui-content" id="content" v-cloak>
			<div>
				<ul class="mui-table-view mui-grid-view mui-grid-9" style="border-top: none;">
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" id="project"  v-for="(item,index) in menuList" :key="index" @click="navTo(item.path)">
					  <a href="#">
						<span class="mui-icon ">
						  <div class="notie_num" v-if="item.num>0">{{item.num}}</div>
						  <img v-on:click="navTo('./fault/index.html')" :src="item.icon" class="home_icon" />
						</span>
						<div class="mui-media-body">{{item.name}}</div>
					  </a>
					</li>
				</ul>
			</div>
			
			
		</div>
	
		<script src="../../../js/mui.min.js"></script>
		<script src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../static/js/neiosRequst.js"></script>
		<script type="text/javascript" src="../static/js/neiosCommon.js"></script>
		<script type="text/javascript" charset="utf-8">
		var cloak = ''  
		projectVM = new Vue({
			el: "#content",
			data: {
				userInfo:'',
				menuList:[{
				name:'故障管理',icon:'../static/images/sit-home11.png',num:0,path:''
				}],
			},
			mounted: function() {
				let _this = this 
				// 获取人员信息
				let userInfo = JSON.parse(localStorage.getItem('neiosUser'))
				this.userInfo = userInfo
			},
			methods: {
				navTo(e){
					mui.openWindow({
            			url: e,
            			id: e,
						extras: {
							
						},
					waiting: {
					autoShow: false
					}
        			});
				},
			}
		})
		</script>
	</body>

</html>